import Vue from 'vue'
import App from './App.vue'
// 引入路由
import router from './router'
import store from './store'
// 引入三级联动组件---全局组件
import TypeNav from '@/components/TypeNav'
// 引入轮播图组件
import Carousel from '@/components/Carousel'
//第一个参数：全局组件的名字 第二个参数：哪一个组件
Vue.component(TypeNav.name, TypeNav)
// 把轮播图注册成全局组件
Vue.component(Carousel.name, Carousel)

Vue.config.productionTip = false
// 引入MockServer.js
import './mock/mockServer'
// 引入swiper的样式
import 'swiper/css/swiper.css'
new Vue({
  //配置全局事件总线$bus
  beforeCreate() {
    Vue.prototype.$bus = this
  },
  //注册路由信息：当这里书写router的时候，组件身上拥有$route, $router属性
  router,
  //注册仓库： 组件实例的身上会多了一个属性，$store
  store,
  render: h => h(App)
}).$mount('#app')
